<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      window.onload = function () {
        /**
         * 键盘事件：
         *  onkeydown
         *    -按键被按下
         * 对于onkeydown来说如果一直按着某个按键不松手，则事件会一直触发
         * 当onkeydown连续触发时，第一次和第二次间隔会稍微长一点，其他的会非常的快
         *   这种设计是为了防止误操作的发生
         * onkeyup
         *    -案件被松开
         *
         * 键盘事件一般都会绑定给一些获取的到焦点的对象或者是document
         */

        document.onkeydown = function (event) {
          // 判断一个y是否被按下

          /**
           * 可以通过keyCode来获取按键的编码
           *
           * 除了keyCode，事件对象还提供了几个属性
           * altkey
           * ctrlkey
           * shfitkey
           *      -这三个用来判断alt ctrl和shift是否被按下
           *        如果按下则返回true 否则false
           */
          if (event.keyCode === 89 && event.ctrlKey) {
            console.log("ctrl和Y被按下了");
          }
        };
        // document.onkeyup = function () {
        //   console.log("松开");
        // };
        var input = document.getElementsByTagName("input")[0];

        input.onkeydown = function (event) {
          console.log("按键被按下了");

          //使文本框中不能输入数字
          if (event.keyCode >= 48 && event.keyCode <= 57) {
          }
          //   在文本框中输入内容，属于onkeydown的默认行为
          // 如果onkeydown取消默认行为，则输入的内容不会出现在文本框中
          return false;
        };
      };
    </script>
  </head>
  <body>
    <input type="text" />
  </body>
</html>
